<style scoped>
    .max{width: 100%;height: 100%;}
    .max .titl{position: fixed;left: 0px;top:0px;width: 100%;height: 7%;z-index: 999;}
    .max .box{width: 100%;margin-top: 7% ;}
    
</style>
<template>
    <div class="max">
        <div class="titl">
            <van-nav-bar
            title="新增收货地址"
            right-text="保存"
            left-arrow
            @click-left="onClickLeft"
            @click-right="onClickRight"
            />
        </div>
        <div class="box">
            <van-address-edit
            :area-list="areaList"
            show-set-default
            :area-columns-placeholder="['请选择', '请选择', '请选择']"
            />
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { Toast } from 'vant';
import { areaList } from '@vant/area-data';
const onClickLeft = () => history.back();
const onClickRight = () => Toast('保存');

let name=ref('收货人')   
</script>